import { ref } from 'vue'
import { defineStore } from 'pinia'
import { getCategoryAPI } from '@/apis/layout'




//由于已经导出，就可以在其他组件中使用 useCategoryStore的实例。


//defineStore函数中的第一个参数应该是独一无二的名称。
export const useCategoryStore = defineStore('category', () => {
    //编写导航列表的逻辑，与原型在loyout.vue中发送请求获取数据的代码一直。

    //定义响应式数据，接收响应结果。导航列表数据，就是 state。
    const categoryList = ref([])

    //获取列表数据，就是 action。
    const getCategory = async () => {
        const res = await getCategoryAPI()
        // console.log(res)
        //将响应结果添加到空数组中
        categoryList.value = res.result
    }

    //以对象的方式将数据和函数导出
    return {
        categoryList,
        getCategory
    }
})